<!DOCTYPE html><html data-reactid=".g0nuu6fzls" data-react-checksum="1454754382"><head data-reactid=".g0nuu6fzls.0"><meta charset="utf-8" data-reactid=".g0nuu6fzls.0.0"><title data-reactid=".g0nuu6fzls.0.1">Colorable</title><meta name="description" content="Color palette combination contrast tester" data-reactid=".g0nuu6fzls.0.2"><meta name="author" data-reactid=".g0nuu6fzls.0.3"><meta name="viewport" content="width=device-width, initial-scale=1" data-reactid=".g0nuu6fzls.0.4"><style data-reactid=".g0nuu6fzls.0.5">body{margin:0}img{max-width:100%}svg{max-height:100%}fieldset,input,select,textarea{font-family:inherit;font-size:1rem;box-sizing:border-box;margin-top:0;margin-bottom:0}label{vertical-align:middle}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{height:2.25rem;padding:.5rem;vertical-align:middle;-webkit-appearance:none}select{line-height:1.75;padding:.5rem}select:not([multiple]){height:2.25rem;vertical-align:middle}textarea{line-height:1.75;padding:.5rem}fieldset{margin-left:0;margin-right:0;border:0}fieldset,legend{padding:0}table{border-collapse:separate;border-spacing:0;max-width:100%;width:100%}th{text-align:left;font-weight:500}td,th{padding:.25rem 1rem;line-height:inherit}th{vertical-align:bottom}td{vertical-align:top}body{line-height:1.5;font-size:100%}body,h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.25;margin-top:1em;margin-bottom:.5em}dl,ol,p,ul{font-size:1.125rem;margin-top:0;margin-bottom:1rem}code,pre,samp{font-family:Source Code Pro,Consolas,monospace;font-size:inherit}pre{margin-top:0;margin-bottom:1rem;overflow-x:scroll}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:.875rem}h6{font-size:.75rem}body{color:#111;background-color:#fff}a{color:#0074d9;text-decoration:none}a:hover{text-decoration:underline}code,pre{background-color:transparent;border-radius:3px}hr{border:0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.125)}.field{border:1px solid rgba(0,0,0,.125);border-radius:3px}.field.is-focused,.field:focus{outline:0;border-color:#0074d9;box-shadow:0 0 0 2px rgba(0,116,217,.5)}.field.is-disabled,.field:disabled{background-color:rgba(0,0,0,.125);opacity:.5}.field.is-read-only,.field:read-only:not(select){background-color:rgba(0,0,0,.125)}.field.is-success{border-color:#2ecc40}.field.is-success.is-focused,.field.is-success:focus{box-shadow:0 0 0 2px rgba(46,204,64,.5)}.field.is-warning{border-color:#ffdc00}.field.is-warning.is-focused,.field.is-warning:focus{box-shadow:0 0 0 2px rgba(255,220,0,.5)}.field.is-error,.field:invalid{border-color:#ff4136}.field.is-error.is-focused,.field.is-error:focus{box-shadow:0 0 0 2px rgba(255,65,54,.5)}.table-light td,.table-light th{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,.125)}.table-light tr:last-child td{border-bottom:0}.btn{font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-block;line-height:1.125rem;padding:.5rem 1rem;margin:0;height:auto;border:1px solid transparent;vertical-align:middle;-webkit-appearance:none;color:inherit;background-color:transparent}.btn,.btn:hover{text-decoration:none}.btn:hover{border:1px solid rgba(0,0,0,.0625);box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625)}.btn:focus{outline:0;border-color:rgba(0,0,0,.125);box-shadow:0 0 0 3px rgba(0,0,0,.25)}.btn.is-active,.btn:active{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125)}.btn.is-disabled,.btn:disabled{opacity:.5}.btn-primary{color:#fff;background-color:#0074d9;border-radius:3px}.btn-outline,.btn-outline:hover{border-color:currentcolor}.btn-outline{border-radius:3px}::-moz-focus-inner{border:0;padding:0}.h1{font-size:2rem}.h2{font-size:1.5rem}.h3{font-size:1.25rem}.h4{font-size:1.125rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.bold{font-weight:700;font-weight:500}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.m1{margin:.5rem}.mt1{margin-top:.5rem}.mr1{margin-right:.5rem}.mb1{margin-bottom:.5rem}.ml1{margin-left:.5rem}.m2{margin:1rem}.mt2{margin-top:1rem}.mr2{margin-right:1rem}.mb2{margin-bottom:1rem}.ml2{margin-left:1rem}.m3{margin:2rem}.mt3{margin-top:2rem}.mr3{margin-right:2rem}.mb3{margin-bottom:2rem}.ml3{margin-left:2rem}.m4{margin:4rem}.mt4{margin-top:4rem}.mr4{margin-right:4rem}.mb4{margin-bottom:4rem}.ml4{margin-left:4rem}.mxn1{margin-left:-.5rem;margin-right:-.5rem}.mxn2{margin-left:-1rem;margin-right:-1rem}.mxn3{margin-left:-2rem;margin-right:-2rem}.mxn4{margin-left:-4rem;margin-right:-4rem}.mx-auto{margin-left:auto;margin-right:auto}.p1{padding:.5rem}.py1{padding-top:.5rem;padding-bottom:.5rem}.px1{padding-left:.5rem;padding-right:.5rem}.p2{padding:1rem}.py2{padding-top:1rem;padding-bottom:1rem}.px2{padding-left:1rem;padding-right:1rem}.p3{padding:2rem}.py3{padding-top:2rem;padding-bottom:2rem}.px3{padding-left:2rem;padding-right:2rem}.p4{padding:4rem}.py4{padding-top:4rem;padding-bottom:4rem}.px4{padding-left:4rem;padding-right:4rem}.lg-show,.md-show,.sm-show{display:none!important}@media (min-width:40em){.sm-show{display:block!important}}@media (min-width:52em){.md-show{display:block!important}}@media (min-width:64em){.lg-show{display:block!important}}@media (min-width:40em){.sm-hide{display:none!important}}@media (min-width:52em){.md-hide{display:none!important}}@media (min-width:64em){.lg-hide{display:none!important}}.display-none{display:none!important}.hide{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.container{max-width:64em;margin-left:auto;margin-right:auto}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40em){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:52em){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:64em){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.flex-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.flex-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.flex-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex-auto{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.flex-none{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}@media (min-width:40em){.sm-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (min-width:52em){.md-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (min-width:64em){.lg-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}.border{border:1px solid rgba(0,0,0,.125)}.border-top{border-top-style:solid;border-top-width:1px;border-top-color:rgba(0,0,0,.125)}.border-right{border-right-style:solid;border-right-width:1px;border-right-color:rgba(0,0,0,.125)}.border-bottom{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.125)}.border-left{border-left-style:solid;border-left-width:1px;border-left-color:rgba(0,0,0,.125)}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.black{color:#111}.gray{color:#aaa}.silver{color:#ddd}.white{color:#fff}.aqua{color:#7fdbff}.blue{color:#0074d9}.navy{color:#001f3f}.teal{color:#39cccc}.green{color:#2ecc40}.olive{color:#3d9970}.lime{color:#01ff70}.yellow{color:#ffdc00}.orange{color:#ff851b}.red{color:#ff4136}.fuchsia{color:#f012be}.purple{color:#b10dc9}.maroon{color:#85144b}.color-inherit{color:inherit}.muted{opacity:.5}.bg-black{background-color:#111}.bg-gray{background-color:#aaa}.bg-silver{background-color:#ddd}.bg-white{background-color:#fff}.bg-aqua{background-color:#7fdbff}.bg-blue{background-color:#0074d9}.bg-navy{background-color:#001f3f}.bg-teal{background-color:#39cccc}.bg-green{background-color:#2ecc40}.bg-olive{background-color:#3d9970}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffdc00}.bg-orange{background-color:#ff851b}.bg-red{background-color:#ff4136}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#85144b}.bg-darken-1{background-color:rgba(0,0,0,.0625)}.bg-darken-2{background-color:rgba(0,0,0,.125)}.bg-darken-3{background-color:rgba(0,0,0,.25)}.bg-darken-4{background-color:rgba(0,0,0,.5)}input[type=range]{vertical-align:middle;background-color:transparent;padding-top:.5rem;padding-bottom:.5rem}input[type=range]::-webkit-slider-thumb{position:relative;width:.5rem;height:1.25rem;cursor:pointer;margin-top:-.5rem}input[type=range]::-webkit-slider-thumb:before{content:'';display:block;position:absolute;top:-.5rem;left:-.875rem;width:2.25rem;height:2.25rem;opacity:0}input[type=range]::-moz-range-thumb{width:.5rem;height:1.25rem;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.25rem;cursor:pointer}input[type=range]::-moz-range-track{height:.25rem;cursor:pointer}.range-light{color:inherit;background-color:transparent;-webkit-appearance:none}.range-light::-webkit-slider-thumb{-webkit-appearance:none;border-radius:3px;background-color:currentcolor}.range-light::-moz-range-thumb{border-radius:3px;border-color:transparent;border-width:0;background-color:currentcolor}.range-light::-webkit-slider-runnable-track{border-radius:3px;background-color:rgba(0,0,0,.25)}.range-light::-moz-range-track{border-radius:3px;background-color:rgba(0,0,0,.25)}.range-light:focus{outline:0}.range-light:focus::-webkit-slider-thumb{outline:0;border:0;box-shadow:0 0 1px 2px currentcolor}.range-light:focus::-moz-range-thumb{outline:0;border:0;box-shadow:0 0 0 3px rgba(0,0,0,.25)}pre{padding:1rem;background-color:rgba(0,0,0,.0625)}.prose p:first-child{font-size:1.25rem}#carbonads{display:inline-block;font-size:14px;line-height:1.25;text-align:left}#carbonads a,#carbonads a:hover{text-decoration:none;color:inherit}#carbonads span{display:block}#carbonads>span:after,#carbonads>span:before{content:'';display:table}#carbonads>span:after{clear:both}.carbon-img{float:left;margin-right:.5em}.carbon-img>img{display:block}.carbon-text{overflow:hidden}.carbon-poweredby{float:left;margin-top:.25em;opacity:.5}@media (min-width:40em){#carbonads{max-width:20pc}}</style></head><body data-reactid=".g0nuu6fzls.1"><nav class="sm-flex border-bottom" data-reactid=".g0nuu6fzls.1.0"><a href="/colorable/" class="btn py2" data-reactid=".g0nuu6fzls.1.0.0">Colorable</a><a href="/colorable/demos" class="btn py2" data-reactid=".g0nuu6fzls.1.0.1">Demos</a><a href="/colorable/demos/text" class="btn py2 sm-show" data-reactid=".g0nuu6fzls.1.0.2">Text Demo</a><a href="/colorable/demos/matrix" class="btn py2 sm-show" data-reactid=".g0nuu6fzls.1.0.3">Matrix Demo</a><div class="flex-auto sm-show" data-reactid=".g0nuu6fzls.1.0.4"></div><a href="https://npmjs.com/package/colorable" class="btn py2" data-reactid=".g0nuu6fzls.1.0.5">npm</a><a href="https://github.com/jxnblk/colorable" class="btn py2" data-reactid=".g0nuu6fzls.1.0.6">GitHub</a></nav><div class="mb4" data-reactid=".g0nuu6fzls.1.1"><div class="white bg-black" style="min-height:100vh;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;" data-reactid=".g0nuu6fzls.1.1.0"><div class="flex" data-reactid=".g0nuu6fzls.1.1.0.0"><div class="flex-none" data-reactid=".g0nuu6fzls.1.1.0.0.0"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0"><ul class="list-reset mb0" style="position:relative;z-index:1;width:20rem;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0"><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#7FDBFF;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.0"><label for="color-item-0-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.0.0"></label><input type="text" id="color-item-0-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#7FDBFF" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Hue"><label for="color-item-0-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Hue.0">Hue</label><input type="range" id="color-item-0-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="197" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Saturation"><label for="color-item-0-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-0-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Lightness"><label for="color-item-0-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-0-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="75" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-0.0.1.0.$color-item-0-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.0"><label for="color-item-1-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.0.0"></label><input type="text" id="color-item-1-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#0074D9" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Hue"><label for="color-item-1-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Hue.0">Hue</label><input type="range" id="color-item-1-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="208" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Saturation"><label for="color-item-1-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-1-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Lightness"><label for="color-item-1-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-1-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="43" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-1.0.1.0.$color-item-1-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#01FF70;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.0"><label for="color-item-2-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.0.0"></label><input type="text" id="color-item-2-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#01FF70" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Hue"><label for="color-item-2-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Hue.0">Hue</label><input type="range" id="color-item-2-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="146" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Saturation"><label for="color-item-2-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-2-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Lightness"><label for="color-item-2-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-2-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="50" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-2.0.1.0.$color-item-2-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.0"><label for="color-item-3-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.0.0"></label><input type="text" id="color-item-3-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#001F3F" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Hue"><label for="color-item-3-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Hue.0">Hue</label><input type="range" id="color-item-3-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="210" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Saturation"><label for="color-item-3-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-3-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Lightness"><label for="color-item-3-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-3-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="12" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-3.0.1.0.$color-item-3-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#39CCCC;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.0"><label for="color-item-4-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.0.0"></label><input type="text" id="color-item-4-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#39CCCC" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Hue"><label for="color-item-4-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Hue.0">Hue</label><input type="range" id="color-item-4-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="180" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Saturation"><label for="color-item-4-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-4-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="59" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Lightness"><label for="color-item-4-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-4-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="51" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-4.0.1.0.$color-item-4-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#3D9970;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.0"><label for="color-item-5-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.0.0"></label><input type="text" id="color-item-5-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#3D9970" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Hue"><label for="color-item-5-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Hue.0">Hue</label><input type="range" id="color-item-5-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="153" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Saturation"><label for="color-item-5-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-5-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="43" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Lightness"><label for="color-item-5-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-5-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="42" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-5.0.1.0.$color-item-5-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#2ECC40;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.0"><label for="color-item-6-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.0.0"></label><input type="text" id="color-item-6-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#2ECC40" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Hue"><label for="color-item-6-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Hue.0">Hue</label><input type="range" id="color-item-6-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="127" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Saturation"><label for="color-item-6-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-6-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="63" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Lightness"><label for="color-item-6-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-6-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="49" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-6.0.1.0.$color-item-6-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#FF4136;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.0"><label for="color-item-7-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.0.0"></label><input type="text" id="color-item-7-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#FF4136" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Hue"><label for="color-item-7-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Hue.0">Hue</label><input type="range" id="color-item-7-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="3" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Saturation"><label for="color-item-7-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-7-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Lightness"><label for="color-item-7-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-7-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="61" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-7.0.1.0.$color-item-7-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.0"><label for="color-item-8-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.0.0"></label><input type="text" id="color-item-8-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#85144B" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Hue"><label for="color-item-8-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Hue.0">Hue</label><input type="range" id="color-item-8-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="331" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Saturation"><label for="color-item-8-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-8-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="74" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Lightness"><label for="color-item-8-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-8-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="30" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-8.0.1.0.$color-item-8-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#FF851B;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.0"><label for="color-item-9-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.0.0"></label><input type="text" id="color-item-9-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#FF851B" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Hue"><label for="color-item-9-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Hue.0">Hue</label><input type="range" id="color-item-9-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="28" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Saturation"><label for="color-item-9-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-9-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Lightness"><label for="color-item-9-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-9-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="55" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-9.0.1.0.$color-item-9-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.0"><label for="color-item-10-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.0.0"></label><input type="text" id="color-item-10-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#B10DC9" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Hue"><label for="color-item-10-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Hue.0">Hue</label><input type="range" id="color-item-10-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="292" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Saturation"><label for="color-item-10-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-10-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="88" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Lightness"><label for="color-item-10-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-10-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="42" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-10.0.1.0.$color-item-10-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#FFDC00;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.0"><label for="color-item-11-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.0.0"></label><input type="text" id="color-item-11-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#FFDC00" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Hue"><label for="color-item-11-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Hue.0">Hue</label><input type="range" id="color-item-11-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="52" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Saturation"><label for="color-item-11-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-11-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Lightness"><label for="color-item-11-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-11-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="50" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-11.0.1.0.$color-item-11-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#F012BE;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.0"><label for="color-item-12-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.0.0"></label><input type="text" id="color-item-12-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#F012BE" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Hue"><label for="color-item-12-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Hue.0">Hue</label><input type="range" id="color-item-12-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="314" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Saturation"><label for="color-item-12-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-12-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="88" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Lightness"><label for="color-item-12-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-12-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="51" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-12.0.1.0.$color-item-12-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#aaa;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.0"><label for="color-item-13-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.0.0"></label><input type="text" id="color-item-13-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#aaa" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Hue"><label for="color-item-13-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Hue.0">Hue</label><input type="range" id="color-item-13-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Saturation"><label for="color-item-13-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-13-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Lightness"><label for="color-item-13-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-13-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="67" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-13.0.1.0.$color-item-13-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#fff;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.0"><label for="color-item-14-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.0.0"></label><input type="text" id="color-item-14-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#fff" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Hue"><label for="color-item-14-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Hue.0">Hue</label><input type="range" id="color-item-14-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Saturation"><label for="color-item-14-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-14-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Lightness"><label for="color-item-14-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-14-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="100" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-14.0.1.0.$color-item-14-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15"><div class="flex flex-column px1" style="height:6rem;color:white;background-color:#111;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.0"><label for="color-item-15-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.0.0"></label><input type="text" id="color-item-15-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#111" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Hue"><label for="color-item-15-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Hue.0">Hue</label><input type="range" id="color-item-15-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Saturation"><label for="color-item-15-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-15-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Lightness"><label for="color-item-15-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-15-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="7" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-15.0.1.0.$color-item-15-hsl-Lightness.1"></div></div></div></div></li><li data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16"><div class="flex flex-column px1" style="height:6rem;color:#111;background-color:#ddd;" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0"><div class="flex-auto flex flex-center" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.0"><label for="color-item-16-hex" class="hide" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.0.0"></label><input type="text" id="color-item-16-hex" class="h5 bold block col-12 m0" style="color:inherit;background-color:transparent;border:none;" value="#ddd" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.0.1"><div data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.0.2"><button class="h3 btn muted" title="Remove Color" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.0.2.0">×</button></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1"><div class="HslSliders flex flex-center mxn1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0"><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Hue"><label for="color-item-16-hsl-Hue" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Hue.0">Hue</label><input type="range" id="color-item-16-hsl-Hue" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="360" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Hue.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Saturation"><label for="color-item-16-hsl-Saturation" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Saturation.0">Saturation</label><input type="range" id="color-item-16-hsl-Saturation" class="HslSliders-input col-12 m0 range-light" value="0" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Saturation.1"></div><div class="HslSliders-formGroup px1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Lightness"><label for="color-item-16-hsl-Lightness" class="HslSliders-label h5 bold block" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Lightness.0">Lightness</label><input type="range" id="color-item-16-hsl-Lightness" class="HslSliders-input col-12 m0 range-light" value="87" min="0" max="100" tabindex="-1" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.0.$color-16.0.1.0.$color-item-16-hsl-Lightness.1"></div></div></div></div></li></ul><div class="p1 white bg-black" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.1"><button class="btn block col-12" data-reactid=".g0nuu6fzls.1.1.0.0.0.0.1.0">Add Color</button></div></div></div><div class="flex-auto" data-reactid=".g0nuu6fzls.1.1.0.0.1"><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0"><a class="center bold flex-none p2" title="Preview #7FDBFF on #0074D9" style="width:8rem;color:#7FDBFF;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$0.0">3.00</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #01FF70" style="width:8rem;color:#7FDBFF;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$1.0">1.15</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #001F3F" style="width:8rem;color:#7FDBFF;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$2.0">10.63</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#7FDBFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #39CCCC" style="width:8rem;color:#7FDBFF;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$3.0">1.26</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #3D9970" style="width:8rem;color:#7FDBFF;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$4.0">2.25</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #2ECC40" style="width:8rem;color:#7FDBFF;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$5.0">1.37</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FF4136" style="width:8rem;color:#7FDBFF;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$6.0">2.22</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #85144B" style="width:8rem;color:#7FDBFF;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$7.0">6.13</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#7FDBFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$7.1">AA</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FF851B" style="width:8rem;color:#7FDBFF;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$8.0">1.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #B10DC9" style="width:8rem;color:#7FDBFF;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$9.0">3.57</div><div class="h6 bold inline-block px1 rounded" style="color:#B10DC9;background-color:#7FDBFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$9.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FFDC00" style="width:8rem;color:#7FDBFF;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$10.0">1.15</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #F012BE" style="width:8rem;color:#7FDBFF;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$11.0">2.44</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #AAAAAA" style="width:8rem;color:#7FDBFF;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$12.0">1.49</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #FFFFFF" style="width:8rem;color:#7FDBFF;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$13.0">1.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #111111" style="width:8rem;color:#7FDBFF;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$14.0">12.12</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#7FDBFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #7FDBFF on #DDDDDD" style="width:8rem;color:#7FDBFF;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$15.0">1.15</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$0.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1"><a class="center bold flex-none p2" title="Preview #0074D9 on #7FDBFF" style="width:8rem;color:#0074D9;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$0.0">3.00</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #01FF70" style="width:8rem;color:#0074D9;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$1.0">3.45</div><div class="h6 bold inline-block px1 rounded" style="color:#01FF70;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #001F3F" style="width:8rem;color:#0074D9;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$2.0">3.55</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$2.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #39CCCC" style="width:8rem;color:#0074D9;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$3.0">2.37</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #3D9970" style="width:8rem;color:#0074D9;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$4.0">1.33</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #2ECC40" style="width:8rem;color:#0074D9;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$5.0">2.18</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FF4136" style="width:8rem;color:#0074D9;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$6.0">1.35</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #85144B" style="width:8rem;color:#0074D9;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$7.0">2.05</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FF851B" style="width:8rem;color:#0074D9;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$8.0">1.92</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #B10DC9" style="width:8rem;color:#0074D9;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$9.0">1.19</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FFDC00" style="width:8rem;color:#0074D9;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$10.0">3.44</div><div class="h6 bold inline-block px1 rounded" style="color:#FFDC00;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$10.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #F012BE" style="width:8rem;color:#0074D9;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$11.0">1.23</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #AAAAAA" style="width:8rem;color:#0074D9;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$12.0">2.01</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #FFFFFF" style="width:8rem;color:#0074D9;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$13.0">4.67</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$13.1">AA</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #111111" style="width:8rem;color:#0074D9;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$14.0">4.05</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$14.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #0074D9 on #DDDDDD" style="width:8rem;color:#0074D9;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$15.0">3.44</div><div class="h6 bold inline-block px1 rounded" style="color:#DDDDDD;background-color:#0074D9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$1.$15.1">AA Large</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2"><a class="center bold flex-none p2" title="Preview #01FF70 on #7FDBFF" style="width:8rem;color:#01FF70;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$0.0">1.15</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #0074D9" style="width:8rem;color:#01FF70;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$1.0">3.45</div><div class="h6 bold inline-block px1 rounded" style="color:#0074D9;background-color:#01FF70;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #001F3F" style="width:8rem;color:#01FF70;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$2.0">12.26</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#01FF70;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #39CCCC" style="width:8rem;color:#01FF70;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$3.0">1.45</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #3D9970" style="width:8rem;color:#01FF70;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$4.0">2.59</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #2ECC40" style="width:8rem;color:#01FF70;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$5.0">1.58</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FF4136" style="width:8rem;color:#01FF70;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$6.0">2.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #85144B" style="width:8rem;color:#01FF70;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$7.0">7.07</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#01FF70;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$7.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FF851B" style="width:8rem;color:#01FF70;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$8.0">1.80</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #B10DC9" style="width:8rem;color:#01FF70;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$9.0">4.12</div><div class="h6 bold inline-block px1 rounded" style="color:#B10DC9;background-color:#01FF70;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$9.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FFDC00" style="width:8rem;color:#01FF70;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$10.0">1.00</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #F012BE" style="width:8rem;color:#01FF70;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$11.0">2.81</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #AAAAAA" style="width:8rem;color:#01FF70;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$12.0">1.72</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #FFFFFF" style="width:8rem;color:#01FF70;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$13.0">1.35</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #111111" style="width:8rem;color:#01FF70;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$14.0">13.97</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#01FF70;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #01FF70 on #DDDDDD" style="width:8rem;color:#01FF70;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$15.0">1.01</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$2.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3"><a class="center bold flex-none p2" title="Preview #001F3F on #7FDBFF" style="width:8rem;color:#001F3F;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$0.0">10.63</div><div class="h6 bold inline-block px1 rounded" style="color:#7FDBFF;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$0.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #0074D9" style="width:8rem;color:#001F3F;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$1.0">3.55</div><div class="h6 bold inline-block px1 rounded" style="color:#0074D9;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #01FF70" style="width:8rem;color:#001F3F;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$2.0">12.26</div><div class="h6 bold inline-block px1 rounded" style="color:#01FF70;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #39CCCC" style="width:8rem;color:#001F3F;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$3.0">8.43</div><div class="h6 bold inline-block px1 rounded" style="color:#39CCCC;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #3D9970" style="width:8rem;color:#001F3F;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$4.0">4.72</div><div class="h6 bold inline-block px1 rounded" style="color:#3D9970;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$4.1">AA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #2ECC40" style="width:8rem;color:#001F3F;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$5.0">7.75</div><div class="h6 bold inline-block px1 rounded" style="color:#2ECC40;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$5.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FF4136" style="width:8rem;color:#001F3F;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$6.0">4.78</div><div class="h6 bold inline-block px1 rounded" style="color:#FF4136;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$6.1">AA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #85144B" style="width:8rem;color:#001F3F;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$7.0">1.73</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FF851B" style="width:8rem;color:#001F3F;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$8.0">6.80</div><div class="h6 bold inline-block px1 rounded" style="color:#FF851B;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$8.1">AA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #B10DC9" style="width:8rem;color:#001F3F;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$9.0">2.97</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FFDC00" style="width:8rem;color:#001F3F;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$10.0">12.22</div><div class="h6 bold inline-block px1 rounded" style="color:#FFDC00;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$10.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #F012BE" style="width:8rem;color:#001F3F;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$11.0">4.37</div><div class="h6 bold inline-block px1 rounded" style="color:#F012BE;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$11.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #AAAAAA" style="width:8rem;color:#001F3F;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$12.0">7.13</div><div class="h6 bold inline-block px1 rounded" style="color:#AAAAAA;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$12.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #FFFFFF" style="width:8rem;color:#001F3F;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$13.0">16.56</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$13.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #111111" style="width:8rem;color:#001F3F;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$14.0">1.14</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$14.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #001F3F on #DDDDDD" style="width:8rem;color:#001F3F;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$15.0">12.20</div><div class="h6 bold inline-block px1 rounded" style="color:#DDDDDD;background-color:#001F3F;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$3.$15.1">AAA</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4"><a class="center bold flex-none p2" title="Preview #39CCCC on #7FDBFF" style="width:8rem;color:#39CCCC;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$0.0">1.26</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #0074D9" style="width:8rem;color:#39CCCC;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$1.0">2.37</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #01FF70" style="width:8rem;color:#39CCCC;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$2.0">1.45</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #001F3F" style="width:8rem;color:#39CCCC;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$3.0">8.43</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#39CCCC;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #3D9970" style="width:8rem;color:#39CCCC;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$4.0">1.78</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #2ECC40" style="width:8rem;color:#39CCCC;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$5.0">1.09</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FF4136" style="width:8rem;color:#39CCCC;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$6.0">1.76</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #85144B" style="width:8rem;color:#39CCCC;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$7.0">4.86</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#39CCCC;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$7.1">AA</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FF851B" style="width:8rem;color:#39CCCC;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$8.0">1.24</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #B10DC9" style="width:8rem;color:#39CCCC;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$9.0">2.83</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FFDC00" style="width:8rem;color:#39CCCC;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$10.0">1.45</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #F012BE" style="width:8rem;color:#39CCCC;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$11.0">1.93</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #AAAAAA" style="width:8rem;color:#39CCCC;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$12.0">1.18</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #FFFFFF" style="width:8rem;color:#39CCCC;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$13.0">1.97</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #111111" style="width:8rem;color:#39CCCC;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$14.0">9.61</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#39CCCC;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #39CCCC on #DDDDDD" style="width:8rem;color:#39CCCC;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$15.0">1.45</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$4.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5"><a class="center bold flex-none p2" title="Preview #3D9970 on #7FDBFF" style="width:8rem;color:#3D9970;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$0.0">2.25</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #0074D9" style="width:8rem;color:#3D9970;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$1.0">1.33</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #01FF70" style="width:8rem;color:#3D9970;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$2.0">2.59</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #001F3F" style="width:8rem;color:#3D9970;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$3.0">4.72</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#3D9970;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$3.1">AA</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #39CCCC" style="width:8rem;color:#3D9970;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$4.0">1.78</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #2ECC40" style="width:8rem;color:#3D9970;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$5.0">1.64</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FF4136" style="width:8rem;color:#3D9970;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$6.0">1.01</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #85144B" style="width:8rem;color:#3D9970;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$7.0">2.72</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FF851B" style="width:8rem;color:#3D9970;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$8.0">1.44</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #B10DC9" style="width:8rem;color:#3D9970;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$9.0">1.59</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FFDC00" style="width:8rem;color:#3D9970;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$10.0">2.59</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #F012BE" style="width:8rem;color:#3D9970;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$11.0">1.08</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #AAAAAA" style="width:8rem;color:#3D9970;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$12.0">1.51</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #FFFFFF" style="width:8rem;color:#3D9970;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$13.0">3.51</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#3D9970;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$13.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #111111" style="width:8rem;color:#3D9970;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$14.0">5.39</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#3D9970;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$14.1">AA</div></a><a class="center bold flex-none p2" title="Preview #3D9970 on #DDDDDD" style="width:8rem;color:#3D9970;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$15.0">2.58</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$5.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6"><a class="center bold flex-none p2" title="Preview #2ECC40 on #7FDBFF" style="width:8rem;color:#2ECC40;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$0.0">1.37</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #0074D9" style="width:8rem;color:#2ECC40;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$1.0">2.18</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #01FF70" style="width:8rem;color:#2ECC40;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$2.0">1.58</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #001F3F" style="width:8rem;color:#2ECC40;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$3.0">7.75</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#2ECC40;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #39CCCC" style="width:8rem;color:#2ECC40;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$4.0">1.09</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #3D9970" style="width:8rem;color:#2ECC40;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$5.0">1.64</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FF4136" style="width:8rem;color:#2ECC40;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$6.0">1.62</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #85144B" style="width:8rem;color:#2ECC40;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$7.0">4.47</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#2ECC40;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$7.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FF851B" style="width:8rem;color:#2ECC40;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$8.0">1.14</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #B10DC9" style="width:8rem;color:#2ECC40;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$9.0">2.61</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FFDC00" style="width:8rem;color:#2ECC40;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$10.0">1.58</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #F012BE" style="width:8rem;color:#2ECC40;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$11.0">1.78</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #AAAAAA" style="width:8rem;color:#2ECC40;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$12.0">1.09</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #FFFFFF" style="width:8rem;color:#2ECC40;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$13.0">2.14</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #111111" style="width:8rem;color:#2ECC40;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$14.0">8.84</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#2ECC40;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #2ECC40 on #DDDDDD" style="width:8rem;color:#2ECC40;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$15.0">1.57</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$6.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7"><a class="center bold flex-none p2" title="Preview #FF4136 on #7FDBFF" style="width:8rem;color:#FF4136;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$0.0">2.22</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #0074D9" style="width:8rem;color:#FF4136;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$1.0">1.35</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #01FF70" style="width:8rem;color:#FF4136;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$2.0">2.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #001F3F" style="width:8rem;color:#FF4136;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$3.0">4.78</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#FF4136;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$3.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #39CCCC" style="width:8rem;color:#FF4136;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$4.0">1.76</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #3D9970" style="width:8rem;color:#FF4136;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$5.0">1.01</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #2ECC40" style="width:8rem;color:#FF4136;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$6.0">1.62</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #85144B" style="width:8rem;color:#FF4136;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$7.0">2.76</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #FF851B" style="width:8rem;color:#FF4136;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$8.0">1.42</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #B10DC9" style="width:8rem;color:#FF4136;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$9.0">1.61</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #FFDC00" style="width:8rem;color:#FF4136;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$10.0">2.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #F012BE" style="width:8rem;color:#FF4136;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$11.0">1.10</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #AAAAAA" style="width:8rem;color:#FF4136;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$12.0">1.49</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #FFFFFF" style="width:8rem;color:#FF4136;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$13.0">3.46</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#FF4136;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$13.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #111111" style="width:8rem;color:#FF4136;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$14.0">5.45</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#FF4136;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$14.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FF4136 on #DDDDDD" style="width:8rem;color:#FF4136;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$15.0">2.55</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$7.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8"><a class="center bold flex-none p2" title="Preview #85144B on #7FDBFF" style="width:8rem;color:#85144B;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$0.0">6.13</div><div class="h6 bold inline-block px1 rounded" style="color:#7FDBFF;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$0.1">AA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #0074D9" style="width:8rem;color:#85144B;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$1.0">2.05</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #01FF70" style="width:8rem;color:#85144B;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$2.0">7.07</div><div class="h6 bold inline-block px1 rounded" style="color:#01FF70;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #001F3F" style="width:8rem;color:#85144B;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$3.0">1.73</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #39CCCC" style="width:8rem;color:#85144B;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$4.0">4.86</div><div class="h6 bold inline-block px1 rounded" style="color:#39CCCC;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$4.1">AA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #3D9970" style="width:8rem;color:#85144B;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$5.0">2.72</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #2ECC40" style="width:8rem;color:#85144B;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$6.0">4.47</div><div class="h6 bold inline-block px1 rounded" style="color:#2ECC40;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$6.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FF4136" style="width:8rem;color:#85144B;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$7.0">2.76</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FF851B" style="width:8rem;color:#85144B;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$8.0">3.92</div><div class="h6 bold inline-block px1 rounded" style="color:#FF851B;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$8.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #85144B on #B10DC9" style="width:8rem;color:#85144B;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$9.0">1.71</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FFDC00" style="width:8rem;color:#85144B;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$10.0">7.04</div><div class="h6 bold inline-block px1 rounded" style="color:#FFDC00;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$10.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #F012BE" style="width:8rem;color:#85144B;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$11.0">2.52</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #AAAAAA" style="width:8rem;color:#85144B;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$12.0">4.11</div><div class="h6 bold inline-block px1 rounded" style="color:#AAAAAA;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$12.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #85144B on #FFFFFF" style="width:8rem;color:#85144B;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$13.0">9.55</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$13.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #85144B on #111111" style="width:8rem;color:#85144B;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$14.0">1.98</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$14.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #85144B on #DDDDDD" style="width:8rem;color:#85144B;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$15.0">7.03</div><div class="h6 bold inline-block px1 rounded" style="color:#DDDDDD;background-color:#85144B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$8.$15.1">AAA</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9"><a class="center bold flex-none p2" title="Preview #FF851B on #7FDBFF" style="width:8rem;color:#FF851B;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$0.0">1.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #0074D9" style="width:8rem;color:#FF851B;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$1.0">1.92</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #01FF70" style="width:8rem;color:#FF851B;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$2.0">1.80</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #001F3F" style="width:8rem;color:#FF851B;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$3.0">6.80</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#FF851B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$3.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #39CCCC" style="width:8rem;color:#FF851B;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$4.0">1.24</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #3D9970" style="width:8rem;color:#FF851B;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$5.0">1.44</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #2ECC40" style="width:8rem;color:#FF851B;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$6.0">1.14</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #FF4136" style="width:8rem;color:#FF851B;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$7.0">1.42</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #85144B" style="width:8rem;color:#FF851B;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$8.0">3.92</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#FF851B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$8.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #B10DC9" style="width:8rem;color:#FF851B;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$9.0">2.29</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #FFDC00" style="width:8rem;color:#FF851B;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$10.0">1.80</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #F012BE" style="width:8rem;color:#FF851B;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$11.0">1.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #AAAAAA" style="width:8rem;color:#FF851B;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$12.0">1.05</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #FFFFFF" style="width:8rem;color:#FF851B;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$13.0">2.44</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #111111" style="width:8rem;color:#FF851B;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$14.0">7.75</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#FF851B;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FF851B on #DDDDDD" style="width:8rem;color:#FF851B;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$15.0">1.79</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$9.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10"><a class="center bold flex-none p2" title="Preview #B10DC9 on #7FDBFF" style="width:8rem;color:#B10DC9;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$0.0">3.57</div><div class="h6 bold inline-block px1 rounded" style="color:#7FDBFF;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$0.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #0074D9" style="width:8rem;color:#B10DC9;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$1.0">1.19</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #01FF70" style="width:8rem;color:#B10DC9;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$2.0">4.12</div><div class="h6 bold inline-block px1 rounded" style="color:#01FF70;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$2.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #001F3F" style="width:8rem;color:#B10DC9;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$3.0">2.97</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #39CCCC" style="width:8rem;color:#B10DC9;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$4.0">2.83</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #3D9970" style="width:8rem;color:#B10DC9;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$5.0">1.59</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #2ECC40" style="width:8rem;color:#B10DC9;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$6.0">2.61</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FF4136" style="width:8rem;color:#B10DC9;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$7.0">1.61</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #85144B" style="width:8rem;color:#B10DC9;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$8.0">1.71</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FF851B" style="width:8rem;color:#B10DC9;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$9.0">2.29</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FFDC00" style="width:8rem;color:#B10DC9;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$10.0">4.11</div><div class="h6 bold inline-block px1 rounded" style="color:#FFDC00;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$10.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #F012BE" style="width:8rem;color:#B10DC9;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$11.0">1.47</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #AAAAAA" style="width:8rem;color:#B10DC9;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$12.0">2.40</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #FFFFFF" style="width:8rem;color:#B10DC9;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$13.0">5.57</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$13.1">AA</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #111111" style="width:8rem;color:#B10DC9;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$14.0">3.39</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$14.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #B10DC9 on #DDDDDD" style="width:8rem;color:#B10DC9;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$15.0">4.10</div><div class="h6 bold inline-block px1 rounded" style="color:#DDDDDD;background-color:#B10DC9;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$10.$15.1">AA Large</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11"><a class="center bold flex-none p2" title="Preview #FFDC00 on #7FDBFF" style="width:8rem;color:#FFDC00;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$0.0">1.15</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #0074D9" style="width:8rem;color:#FFDC00;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$1.0">3.44</div><div class="h6 bold inline-block px1 rounded" style="color:#0074D9;background-color:#FFDC00;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #01FF70" style="width:8rem;color:#FFDC00;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$2.0">1.00</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #001F3F" style="width:8rem;color:#FFDC00;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$3.0">12.22</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#FFDC00;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #39CCCC" style="width:8rem;color:#FFDC00;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$4.0">1.45</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #3D9970" style="width:8rem;color:#FFDC00;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$5.0">2.59</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #2ECC40" style="width:8rem;color:#FFDC00;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$6.0">1.58</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #FF4136" style="width:8rem;color:#FFDC00;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$7.0">2.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #85144B" style="width:8rem;color:#FFDC00;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$8.0">7.04</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#FFDC00;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$8.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #FF851B" style="width:8rem;color:#FFDC00;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$9.0">1.80</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #B10DC9" style="width:8rem;color:#FFDC00;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$10.0">4.11</div><div class="h6 bold inline-block px1 rounded" style="color:#B10DC9;background-color:#FFDC00;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$10.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #F012BE" style="width:8rem;color:#FFDC00;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$11.0">2.80</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #AAAAAA" style="width:8rem;color:#FFDC00;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$12.0">1.71</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #FFFFFF" style="width:8rem;color:#FFDC00;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$13.0">1.36</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #111111" style="width:8rem;color:#FFDC00;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$14.0">13.93</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#FFDC00;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFDC00 on #DDDDDD" style="width:8rem;color:#FFDC00;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$15.0">1.00</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$11.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12"><a class="center bold flex-none p2" title="Preview #F012BE on #7FDBFF" style="width:8rem;color:#F012BE;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$0.0">2.44</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #0074D9" style="width:8rem;color:#F012BE;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$1.0">1.23</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #01FF70" style="width:8rem;color:#F012BE;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$2.0">2.81</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #001F3F" style="width:8rem;color:#F012BE;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$3.0">4.37</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#F012BE;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$3.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #39CCCC" style="width:8rem;color:#F012BE;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$4.0">1.93</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #3D9970" style="width:8rem;color:#F012BE;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$5.0">1.08</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #2ECC40" style="width:8rem;color:#F012BE;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$6.0">1.78</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FF4136" style="width:8rem;color:#F012BE;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$7.0">1.10</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #85144B" style="width:8rem;color:#F012BE;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$8.0">2.52</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FF851B" style="width:8rem;color:#F012BE;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$9.0">1.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #B10DC9" style="width:8rem;color:#F012BE;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$10.0">1.47</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FFDC00" style="width:8rem;color:#F012BE;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$11.0">2.80</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #AAAAAA" style="width:8rem;color:#F012BE;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$12.0">1.63</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #FFFFFF" style="width:8rem;color:#F012BE;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$13.0">3.79</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#F012BE;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$13.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #111111" style="width:8rem;color:#F012BE;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$14.0">4.98</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#F012BE;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$14.1">AA</div></a><a class="center bold flex-none p2" title="Preview #F012BE on #DDDDDD" style="width:8rem;color:#F012BE;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$15.0">2.79</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$12.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13"><a class="center bold flex-none p2" title="Preview #AAAAAA on #7FDBFF" style="width:8rem;color:#AAAAAA;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$0.0">1.49</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #0074D9" style="width:8rem;color:#AAAAAA;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$1.0">2.01</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$1.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #01FF70" style="width:8rem;color:#AAAAAA;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$2.0">1.72</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #001F3F" style="width:8rem;color:#AAAAAA;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$3.0">7.13</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#AAAAAA;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #39CCCC" style="width:8rem;color:#AAAAAA;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$4.0">1.18</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #3D9970" style="width:8rem;color:#AAAAAA;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$5.0">1.51</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #2ECC40" style="width:8rem;color:#AAAAAA;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$6.0">1.09</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FF4136" style="width:8rem;color:#AAAAAA;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$7.0">1.49</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #85144B" style="width:8rem;color:#AAAAAA;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$8.0">4.11</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#AAAAAA;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$8.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FF851B" style="width:8rem;color:#AAAAAA;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$9.0">1.05</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #B10DC9" style="width:8rem;color:#AAAAAA;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$10.0">2.40</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$10.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FFDC00" style="width:8rem;color:#AAAAAA;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$11.0">1.71</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #F012BE" style="width:8rem;color:#AAAAAA;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$12.0">1.63</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #FFFFFF" style="width:8rem;color:#AAAAAA;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$13.0">2.32</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #111111" style="width:8rem;color:#AAAAAA;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$14.0">8.13</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#AAAAAA;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #AAAAAA on #DDDDDD" style="width:8rem;color:#AAAAAA;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$15.0">1.71</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$13.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14"><a class="center bold flex-none p2" title="Preview #FFFFFF on #7FDBFF" style="width:8rem;color:#FFFFFF;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$0.0">1.56</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #0074D9" style="width:8rem;color:#FFFFFF;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$1.0">4.67</div><div class="h6 bold inline-block px1 rounded" style="color:#0074D9;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$1.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #01FF70" style="width:8rem;color:#FFFFFF;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$2.0">1.35</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #001F3F" style="width:8rem;color:#FFFFFF;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$3.0">16.56</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #39CCCC" style="width:8rem;color:#FFFFFF;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$4.0">1.97</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #3D9970" style="width:8rem;color:#FFFFFF;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$5.0">3.51</div><div class="h6 bold inline-block px1 rounded" style="color:#3D9970;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$5.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #2ECC40" style="width:8rem;color:#FFFFFF;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$6.0">2.14</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #FF4136" style="width:8rem;color:#FFFFFF;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$7.0">3.46</div><div class="h6 bold inline-block px1 rounded" style="color:#FF4136;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$7.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #85144B" style="width:8rem;color:#FFFFFF;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$8.0">9.55</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$8.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #FF851B" style="width:8rem;color:#FFFFFF;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$9.0">2.44</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #B10DC9" style="width:8rem;color:#FFFFFF;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$10.0">5.57</div><div class="h6 bold inline-block px1 rounded" style="color:#B10DC9;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$10.1">AA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #FFDC00" style="width:8rem;color:#FFFFFF;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$11.0">1.36</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #F012BE" style="width:8rem;color:#FFFFFF;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$12.0">3.79</div><div class="h6 bold inline-block px1 rounded" style="color:#F012BE;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$12.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #AAAAAA" style="width:8rem;color:#FFFFFF;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$13.0">2.32</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #111111" style="width:8rem;color:#FFFFFF;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$14.0">18.88</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#FFFFFF;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #FFFFFF on #DDDDDD" style="width:8rem;color:#FFFFFF;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$15.0">1.36</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$14.$15.1">Fail</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15"><a class="center bold flex-none p2" title="Preview #111111 on #7FDBFF" style="width:8rem;color:#111111;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$0.0">12.12</div><div class="h6 bold inline-block px1 rounded" style="color:#7FDBFF;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$0.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #0074D9" style="width:8rem;color:#111111;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$1.0">4.05</div><div class="h6 bold inline-block px1 rounded" style="color:#0074D9;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #111111 on #01FF70" style="width:8rem;color:#111111;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$2.0">13.97</div><div class="h6 bold inline-block px1 rounded" style="color:#01FF70;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$2.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #001F3F" style="width:8rem;color:#111111;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$3.0">1.14</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$3.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #111111 on #39CCCC" style="width:8rem;color:#111111;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$4.0">9.61</div><div class="h6 bold inline-block px1 rounded" style="color:#39CCCC;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$4.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #3D9970" style="width:8rem;color:#111111;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$5.0">5.39</div><div class="h6 bold inline-block px1 rounded" style="color:#3D9970;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$5.1">AA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #2ECC40" style="width:8rem;color:#111111;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$6.0">8.84</div><div class="h6 bold inline-block px1 rounded" style="color:#2ECC40;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$6.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FF4136" style="width:8rem;color:#111111;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$7.0">5.45</div><div class="h6 bold inline-block px1 rounded" style="color:#FF4136;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$7.1">AA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #85144B" style="width:8rem;color:#111111;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$8.0">1.98</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$8.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FF851B" style="width:8rem;color:#111111;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$9.0">7.75</div><div class="h6 bold inline-block px1 rounded" style="color:#FF851B;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$9.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #B10DC9" style="width:8rem;color:#111111;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$10.0">3.39</div><div class="h6 bold inline-block px1 rounded" style="color:#B10DC9;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$10.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FFDC00" style="width:8rem;color:#111111;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$11.0">13.93</div><div class="h6 bold inline-block px1 rounded" style="color:#FFDC00;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$11.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #F012BE" style="width:8rem;color:#111111;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$12.0">4.98</div><div class="h6 bold inline-block px1 rounded" style="color:#F012BE;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$12.1">AA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #AAAAAA" style="width:8rem;color:#111111;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$13.0">8.13</div><div class="h6 bold inline-block px1 rounded" style="color:#AAAAAA;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$13.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #FFFFFF" style="width:8rem;color:#111111;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$14.0">18.88</div><div class="h6 bold inline-block px1 rounded" style="color:#FFFFFF;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$14.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #111111 on #DDDDDD" style="width:8rem;color:#111111;background-color:#DDDDDD;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$15.0">13.90</div><div class="h6 bold inline-block px1 rounded" style="color:#DDDDDD;background-color:#111111;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$15.$15.1">AAA</div></a></div><div class="flex flex-stretch" style="height:6rem;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16"><a class="center bold flex-none p2" title="Preview #DDDDDD on #7FDBFF" style="width:8rem;color:#DDDDDD;background-color:#7FDBFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$0"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$0.0">1.15</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$0.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #0074D9" style="width:8rem;color:#DDDDDD;background-color:#0074D9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$1"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$1.0">3.44</div><div class="h6 bold inline-block px1 rounded" style="color:#0074D9;background-color:#DDDDDD;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$1.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #01FF70" style="width:8rem;color:#DDDDDD;background-color:#01FF70;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$2"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$2.0">1.01</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$2.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #001F3F" style="width:8rem;color:#DDDDDD;background-color:#001F3F;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$3"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$3.0">12.20</div><div class="h6 bold inline-block px1 rounded" style="color:#001F3F;background-color:#DDDDDD;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$3.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #39CCCC" style="width:8rem;color:#DDDDDD;background-color:#39CCCC;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$4"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$4.0">1.45</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$4.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #3D9970" style="width:8rem;color:#DDDDDD;background-color:#3D9970;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$5"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$5.0">2.58</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$5.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #2ECC40" style="width:8rem;color:#DDDDDD;background-color:#2ECC40;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$6"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$6.0">1.57</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$6.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FF4136" style="width:8rem;color:#DDDDDD;background-color:#FF4136;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$7"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$7.0">2.55</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$7.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #85144B" style="width:8rem;color:#DDDDDD;background-color:#85144B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$8"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$8.0">7.03</div><div class="h6 bold inline-block px1 rounded" style="color:#85144B;background-color:#DDDDDD;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$8.1">AAA</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FF851B" style="width:8rem;color:#DDDDDD;background-color:#FF851B;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$9"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$9.0">1.79</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$9.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #B10DC9" style="width:8rem;color:#DDDDDD;background-color:#B10DC9;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$10"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$10.0">4.10</div><div class="h6 bold inline-block px1 rounded" style="color:#B10DC9;background-color:#DDDDDD;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$10.1">AA Large</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FFDC00" style="width:8rem;color:#DDDDDD;background-color:#FFDC00;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$11"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$11.0">1.00</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$11.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #F012BE" style="width:8rem;color:#DDDDDD;background-color:#F012BE;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$12"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$12.0">2.79</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$12.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #AAAAAA" style="width:8rem;color:#DDDDDD;background-color:#AAAAAA;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$13"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$13.0">1.71</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$13.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #FFFFFF" style="width:8rem;color:#DDDDDD;background-color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$14"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$14.0">1.36</div><div class="h6 bold inline-block" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$14.1">Fail</div></a><a class="center bold flex-none p2" title="Preview #DDDDDD on #111111" style="width:8rem;color:#DDDDDD;background-color:#111111;box-sizing:border-box;text-decoration:none;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$15"><div data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$15.0">13.90</div><div class="h6 bold inline-block px1 rounded" style="color:#111111;background-color:#DDDDDD;" data-reactid=".g0nuu6fzls.1.1.0.0.1.$16.$15.1">AAA</div></a></div></div></div></div><div class="" style="color:#111;background-color:white;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;overflow:auto;cursor:pointer;" data-reactid=".g0nuu6fzls.1.1.1"><div class="p2" style="position:absolute;top:0;right:0;left:0;" data-reactid=".g0nuu6fzls.1.1.1.0"><div class="flex flex-center" data-reactid=".g0nuu6fzls.1.1.1.0.0"><div class="bold flex-auto" data-reactid=".g0nuu6fzls.1.1.1.0.0.0">Blank</div><button class="h3 btn muted" title="Dismiss modal overlay" data-reactid=".g0nuu6fzls.1.1.1.0.0.1">×</button></div></div><div class="flex flex-center" style="height:100%;" data-reactid=".g0nuu6fzls.1.1.1.1"><div style="position:relative;min-width:16rem;max-width:48rem;margin:auto;" data-reactid=".g0nuu6fzls.1.1.1.1.0"><div class="mb2" style="background-color:;" data-reactid=".g0nuu6fzls.1.1.1.1.0.0"><div class="flex flex-center flex-wrap mxn2" data-reactid=".g0nuu6fzls.1.1.1.1.0.0.0"><div class="flex-auto px2" data-reactid=".g0nuu6fzls.1.1.1.1.0.0.0.0"><noscript data-reactid=".g0nuu6fzls.1.1.1.1.0.0.0.0.0"></noscript></div><div class="h2 bold px2" data-reactid=".g0nuu6fzls.1.1.1.1.0.0.0.1">0.00</div></div><h2 class="h1 mt0" data-reactid=".g0nuu6fzls.1.1.1.1.0.0.1">Contrast</h2><p class="" data-reactid=".g0nuu6fzls.1.1.1.1.0.0.2">Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. Because the human visual system is more sensitive to contrast than absolute luminance, we can perceive the world similarly regardless of the huge changes in illumination over the day or from place to place. The maximum contrast of an image is the contrast ratio or dynamic range.</p></div></div></div></div></div><footer class="px2 py2 border-top" data-reactid=".g0nuu6fzls.1.2"><div class="container" data-reactid=".g0nuu6fzls.1.2.0"><div class="h5 flex flex-baseline flex-wrap mxn2" data-reactid=".g0nuu6fzls.1.2.0.0"><a href="http://jxnblk.com/colorable" class="btn" data-reactid=".g0nuu6fzls.1.2.0.0.0">colorable</a><span data-reactid=".g0nuu6fzls.1.2.0.0.1"><span data-reactid=".g0nuu6fzls.1.2.0.0.1.0">v</span><span data-reactid=".g0nuu6fzls.1.2.0.0.1.1">1.0.5</span></span><a href="https://npmjs.com/package/colorable" class="btn" data-reactid=".g0nuu6fzls.1.2.0.0.2">npm</a><a href="https://github.com/jxnblk/colorable" class="btn" data-reactid=".g0nuu6fzls.1.2.0.0.3">GitHub</a><div class="flex-auto" data-reactid=".g0nuu6fzls.1.2.0.0.4"></div><a href="http://jxnblk.com" class="btn" data-reactid=".g0nuu6fzls.1.2.0.0.5">Made by Jxnblk</a></div></div></footer><script id="initial-props" type="application/json" data-reactid=".g0nuu6fzls.1.3">{"path":"/colorable/demos/matrix/","assets":{"main":"bundle.js"},"title":"Colorable","description":"Color palette combination contrast tester","version":"1.0.5","css":"body{margin:0}img{max-width:100%}svg{max-height:100%}fieldset,input,select,textarea{font-family:inherit;font-size:1rem;box-sizing:border-box;margin-top:0;margin-bottom:0}label{vertical-align:middle}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{height:2.25rem;padding:.5rem;vertical-align:middle;-webkit-appearance:none}select{line-height:1.75;padding:.5rem}select:not([multiple]){height:2.25rem;vertical-align:middle}textarea{line-height:1.75;padding:.5rem}fieldset{margin-left:0;margin-right:0;border:0}fieldset,legend{padding:0}table{border-collapse:separate;border-spacing:0;max-width:100%;width:100%}th{text-align:left;font-weight:500}td,th{padding:.25rem 1rem;line-height:inherit}th{vertical-align:bottom}td{vertical-align:top}body{line-height:1.5;font-size:100%}body,h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.25;margin-top:1em;margin-bottom:.5em}dl,ol,p,ul{font-size:1.125rem;margin-top:0;margin-bottom:1rem}code,pre,samp{font-family:Source Code Pro,Consolas,monospace;font-size:inherit}pre{margin-top:0;margin-bottom:1rem;overflow-x:scroll}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:.875rem}h6{font-size:.75rem}body{color:#111;background-color:#fff}a{color:#0074d9;text-decoration:none}a:hover{text-decoration:underline}code,pre{background-color:transparent;border-radius:3px}hr{border:0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.125)}.field{border:1px solid rgba(0,0,0,.125);border-radius:3px}.field.is-focused,.field:focus{outline:0;border-color:#0074d9;box-shadow:0 0 0 2px rgba(0,116,217,.5)}.field.is-disabled,.field:disabled{background-color:rgba(0,0,0,.125);opacity:.5}.field.is-read-only,.field:read-only:not(select){background-color:rgba(0,0,0,.125)}.field.is-success{border-color:#2ecc40}.field.is-success.is-focused,.field.is-success:focus{box-shadow:0 0 0 2px rgba(46,204,64,.5)}.field.is-warning{border-color:#ffdc00}.field.is-warning.is-focused,.field.is-warning:focus{box-shadow:0 0 0 2px rgba(255,220,0,.5)}.field.is-error,.field:invalid{border-color:#ff4136}.field.is-error.is-focused,.field.is-error:focus{box-shadow:0 0 0 2px rgba(255,65,54,.5)}.table-light td,.table-light th{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,.125)}.table-light tr:last-child td{border-bottom:0}.btn{font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-block;line-height:1.125rem;padding:.5rem 1rem;margin:0;height:auto;border:1px solid transparent;vertical-align:middle;-webkit-appearance:none;color:inherit;background-color:transparent}.btn,.btn:hover{text-decoration:none}.btn:hover{border:1px solid rgba(0,0,0,.0625);box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625)}.btn:focus{outline:0;border-color:rgba(0,0,0,.125);box-shadow:0 0 0 3px rgba(0,0,0,.25)}.btn.is-active,.btn:active{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125)}.btn.is-disabled,.btn:disabled{opacity:.5}.btn-primary{color:#fff;background-color:#0074d9;border-radius:3px}.btn-outline,.btn-outline:hover{border-color:currentcolor}.btn-outline{border-radius:3px}::-moz-focus-inner{border:0;padding:0}.h1{font-size:2rem}.h2{font-size:1.5rem}.h3{font-size:1.25rem}.h4{font-size:1.125rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.bold{font-weight:700;font-weight:500}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:\" \";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.m1{margin:.5rem}.mt1{margin-top:.5rem}.mr1{margin-right:.5rem}.mb1{margin-bottom:.5rem}.ml1{margin-left:.5rem}.m2{margin:1rem}.mt2{margin-top:1rem}.mr2{margin-right:1rem}.mb2{margin-bottom:1rem}.ml2{margin-left:1rem}.m3{margin:2rem}.mt3{margin-top:2rem}.mr3{margin-right:2rem}.mb3{margin-bottom:2rem}.ml3{margin-left:2rem}.m4{margin:4rem}.mt4{margin-top:4rem}.mr4{margin-right:4rem}.mb4{margin-bottom:4rem}.ml4{margin-left:4rem}.mxn1{margin-left:-.5rem;margin-right:-.5rem}.mxn2{margin-left:-1rem;margin-right:-1rem}.mxn3{margin-left:-2rem;margin-right:-2rem}.mxn4{margin-left:-4rem;margin-right:-4rem}.mx-auto{margin-left:auto;margin-right:auto}.p1{padding:.5rem}.py1{padding-top:.5rem;padding-bottom:.5rem}.px1{padding-left:.5rem;padding-right:.5rem}.p2{padding:1rem}.py2{padding-top:1rem;padding-bottom:1rem}.px2{padding-left:1rem;padding-right:1rem}.p3{padding:2rem}.py3{padding-top:2rem;padding-bottom:2rem}.px3{padding-left:2rem;padding-right:2rem}.p4{padding:4rem}.py4{padding-top:4rem;padding-bottom:4rem}.px4{padding-left:4rem;padding-right:4rem}.lg-show,.md-show,.sm-show{display:none!important}@media (min-width:40em){.sm-show{display:block!important}}@media (min-width:52em){.md-show{display:block!important}}@media (min-width:64em){.lg-show{display:block!important}}@media (min-width:40em){.sm-hide{display:none!important}}@media (min-width:52em){.md-hide{display:none!important}}@media (min-width:64em){.lg-hide{display:none!important}}.display-none{display:none!important}.hide{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.container{max-width:64em;margin-left:auto;margin-right:auto}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40em){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:52em){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:64em){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.flex-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.flex-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.flex-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex-auto{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.flex-none{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}@media (min-width:40em){.sm-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (min-width:52em){.md-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (min-width:64em){.lg-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}.border{border:1px solid rgba(0,0,0,.125)}.border-top{border-top-style:solid;border-top-width:1px;border-top-color:rgba(0,0,0,.125)}.border-right{border-right-style:solid;border-right-width:1px;border-right-color:rgba(0,0,0,.125)}.border-bottom{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.125)}.border-left{border-left-style:solid;border-left-width:1px;border-left-color:rgba(0,0,0,.125)}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.black{color:#111}.gray{color:#aaa}.silver{color:#ddd}.white{color:#fff}.aqua{color:#7fdbff}.blue{color:#0074d9}.navy{color:#001f3f}.teal{color:#39cccc}.green{color:#2ecc40}.olive{color:#3d9970}.lime{color:#01ff70}.yellow{color:#ffdc00}.orange{color:#ff851b}.red{color:#ff4136}.fuchsia{color:#f012be}.purple{color:#b10dc9}.maroon{color:#85144b}.color-inherit{color:inherit}.muted{opacity:.5}.bg-black{background-color:#111}.bg-gray{background-color:#aaa}.bg-silver{background-color:#ddd}.bg-white{background-color:#fff}.bg-aqua{background-color:#7fdbff}.bg-blue{background-color:#0074d9}.bg-navy{background-color:#001f3f}.bg-teal{background-color:#39cccc}.bg-green{background-color:#2ecc40}.bg-olive{background-color:#3d9970}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffdc00}.bg-orange{background-color:#ff851b}.bg-red{background-color:#ff4136}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#85144b}.bg-darken-1{background-color:rgba(0,0,0,.0625)}.bg-darken-2{background-color:rgba(0,0,0,.125)}.bg-darken-3{background-color:rgba(0,0,0,.25)}.bg-darken-4{background-color:rgba(0,0,0,.5)}input[type=range]{vertical-align:middle;background-color:transparent;padding-top:.5rem;padding-bottom:.5rem}input[type=range]::-webkit-slider-thumb{position:relative;width:.5rem;height:1.25rem;cursor:pointer;margin-top:-.5rem}input[type=range]::-webkit-slider-thumb:before{content:'';display:block;position:absolute;top:-.5rem;left:-.875rem;width:2.25rem;height:2.25rem;opacity:0}input[type=range]::-moz-range-thumb{width:.5rem;height:1.25rem;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.25rem;cursor:pointer}input[type=range]::-moz-range-track{height:.25rem;cursor:pointer}.range-light{color:inherit;background-color:transparent;-webkit-appearance:none}.range-light::-webkit-slider-thumb{-webkit-appearance:none;border-radius:3px;background-color:currentcolor}.range-light::-moz-range-thumb{border-radius:3px;border-color:transparent;border-width:0;background-color:currentcolor}.range-light::-webkit-slider-runnable-track{border-radius:3px;background-color:rgba(0,0,0,.25)}.range-light::-moz-range-track{border-radius:3px;background-color:rgba(0,0,0,.25)}.range-light:focus{outline:0}.range-light:focus::-webkit-slider-thumb{outline:0;border:0;box-shadow:0 0 1px 2px currentcolor}.range-light:focus::-moz-range-thumb{outline:0;border:0;box-shadow:0 0 0 3px rgba(0,0,0,.25)}pre{padding:1rem;background-color:rgba(0,0,0,.0625)}.prose p:first-child{font-size:1.25rem}#carbonads{display:inline-block;font-size:14px;line-height:1.25;text-align:left}#carbonads a,#carbonads a:hover{text-decoration:none;color:inherit}#carbonads span{display:block}#carbonads>span:after,#carbonads>span:before{content:'';display:table}#carbonads>span:after{clear:both}.carbon-img{float:left;margin-right:.5em}.carbon-img>img{display:block}.carbon-text{overflow:hidden}.carbon-poweredby{float:left;margin-top:.25em;opacity:.5}@media (min-width:40em){#carbonads{max-width:20pc}}","readme":"<p>Take a set color palette and get contrast values for every possible combination – \nuseful for finding safe color combinations with predefined colors\nand includes pass/fail scores for the\n<a href=\"http://www.w3.org/TR/WCAG20/#visual-audio-contrast\">WCAG accessibility guidelines</a>.</p>\n<h2 id=\"getting-started\">Getting Started</h2>\n<pre><code class=\"lang-bash\">npm i colorable\n</code></pre>\n<h2 id=\"usage\">Usage</h2>\n<p>Pass an array of color strings or an object with color strings as values. </p>\n<pre><code class=\"lang-js\">var colorable = require(&#39;colorable&#39;);\nvar colors = {\n  red: &#39;red&#39;,\n  green: &#39;green&#39;,\n  blue: &#39;blue&#39;\n};\nvar options = {\n  compact: true,\n  threshold: 0 \n};\nvar result = colorable(colors, options);\n</code></pre>\n<p>Returns an array of colors with combinations for all other colors and their\n<a href=\"http://www.w3.org/TR/WCAG20/#visual-audio-contrast\">WCAG contrast</a>\nvalues.</p>\n<pre><code class=\"lang-json\">[\n  {\n    &quot;hex&quot;: &quot;#FF0000&quot;,\n    &quot;name&quot;: &quot;red&quot;,\n    &quot;combinations&quot;: [\n      {\n        &quot;hex&quot;: &quot;#008000&quot;,\n        &quot;name&quot;: &quot;green&quot;,\n        &quot;contrast&quot;: 1.28483997166146,\n        &quot;accessibility&quot;: {\n          &quot;aa&quot;: false,\n          &quot;aaLarge&quot;: false,\n          &quot;aaa&quot;: false,\n          &quot;aaaLarge&quot;: false\n        }\n      },\n      {\n        &quot;hex&quot;: &quot;#0000FF&quot;,\n        &quot;name&quot;: &quot;blue&quot;,\n        &quot;contrast&quot;: 2.148936170212766,\n        &quot;accessibility&quot;: {\n          &quot;aa&quot;: false,\n          &quot;aaLarge&quot;: false,\n          &quot;aaa&quot;: false,\n          &quot;aaaLarge&quot;: false\n        }\n      }\n    ]\n  },\n  ...\n]\n</code></pre>\n<h3 id=\"accessibility-object\">Accessibility object</h3>\n<p>Each key is a boolean value indicating if the color contrast meets the following criteria:</p>\n<ul>\n<li><code>aa</code> - greater than 4.5 (for normal sized text)</li>\n<li><code>aaLarge</code> - greater than 3 (<a href=\"http://www.w3.org/TR/WCAG20/#larger-scaledef\">for bold text or text larger than 24px</a>)</li>\n<li><code>aaa</code> - greater than 7 </li>\n<li><code>aaaLarge</code> - greater than 4.5 </li>\n</ul>\n<hr>\n<h2 id=\"options\">Options</h2>\n<h3 id=\"-compact-\"><code>compact</code></h3>\n<p><em>Type: Boolean (default: <code>false</code>)</em></p>\n<p>If set to <code>true</code>, the result will be a smaller object that only includes hex value color strings, a name for each color (if an object is passed to the function), contrast, and accessibility values.\nWhen set to <code>false</code>, the result also includes the entire <a href=\"https://www.npmjs.com/package/color\">harthur/color</a> object for each color, which includes other properties and methods for color manipulation.</p>\n<h3 id=\"-threshold-\"><code>threshold</code></h3>\n<p><em>Type: Number (default: <code>0</code>)</em></p>\n<p>When set, the colorable function only returns combinations that have a contrast above this value. This is useful for only seeing combinations that pass a minimum contrast level.</p>\n<h3 id=\"-uniq-\"><code>uniq</code></h3>\n<p><em>Type: Boolean (default: true)</em></p>\n<p>When set to <code>true</code>, the array of colors is passed through lodash.uniq to remove duplicates.</p>\n<hr>\n<p>MIT License</p>\n","colors":["#7FDBFF","#0074D9","#01FF70","#001F3F","#39CCCC","#3D9970","#2ECC40","#FF4136","#85144B","#FF851B","#B10DC9","#FFDC00","#F012BE","#aaa","#fff","#111","#ddd"],"baseUrl":"/colorable/","routes":["/colorable/","/colorable/demos/","/colorable/demos/text/","/colorable/demos/matrix/"],"twitter":{"text":"Test color palettes for readable color combinations","script":"!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?\"http\":\"https\";if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+\"://platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document, \"script\", \"twitter-wjs\");"}}</script><script src="/colorable/bundle.js" data-reactid=".g0nuu6fzls.1.4"></script></body></html>